<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!--导航栏开始-->
<header id="header_wrapper">
	<div class="container">
		<div class="header_box">
			<div class="logo">
				<a href="${rootPath }/main.htm"><img src="${rootPath}/img/logo.png" alt="logo"></a>
			</div>
			<nav class="navbar navbar-inverse" role="navigation">
				<div class="navbar-header">
					<button type="button" id="nav-toggle" class="navbar-toggle"
						data-toggle="collapse" data-target="#main-nav">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
				</div>
				<div id="main-nav" class="collapse navbar-collapse navStyle">
					<ul class="nav navbar-nav" id="mainNav">
						<li class="active"><a href="#homepage" class="scroll-link">首页</a></li>
						<li><a href="#explore" class="scroll-link">发现</a></li>
						<li><a href="#search" class="scroll-link">搜索</a></li>
						<%-- 判断是否是普通用户登陆 --%>
						<c:choose>
							<c:when test="${sessionScope.customer != null }">
								<li id="loginUserInfo">
									<!--隐藏盒子--> <img style="with: 50px; height: 50px;"
									src="${rootPath}/img/grdecdozj4igrdecdozj4i.png"
									onclick="showbox()">
									
									<div id="userinfo-box" class="hidden-box hidden-loc-index">
										<ul>
											<li class="header-user-li">
												<div class="common-user-header">
													<div style="height: 68px; width: 44px">
														<img style="with: 50px; height: 34px; margin-top: 22px;"
															src="${rootPath}/img/grdecdozj4igrdecdozj4i.png">
													</div>
													<div>
														<div id="showUsername" style="width: 100%">普通用户</div>
														<div
															style="width: 100%; display: flex; align-items: center;">
															<div id="showManager">${sessionScope.customer.name }</div>
														</div>
													</div>
												</div>
											</li>
											<li class="header-user-li">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/usercenter.svg">
													<div class="common-user-header-text">
														<span><a href="#login">个人中心</a></span>
													</div>
												</div>
											</li>
											<li class="header-user-li" onclick="showlogout()">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/logout.svg">
													<div class="common-user-header-text"><a href="${rootPath }/head/users/logout.htm" onclick="return confirm('确认退出吗?')">退出登录</a></div>
												</div>
											</li>
											<li class="header-user-li"></li>
										</ul>
									</div>
								</li>
							</c:when>
							<c:when test="${sessionScope.scenicSpotAdmin != null }">
								<li id="loginUserInfo">
									<!--隐藏盒子--> <img style="with: 50px; height: 50px;"
									src="${rootPath}/img/grdecdozj4igrdecdozj4i.png"
									onclick="showbox()">
									
									<div id="userinfo-box" class="hidden-box hidden-loc-index">
										<ul>
											<li class="header-user-li">
												<div class="common-user-header">
													<div style="height: 68px; width: 44px">
														<img style="with: 50px; height: 34px; margin-top: 22px;"
															src="${rootPath}/img/grdecdozj4igrdecdozj4i.png">
													</div>
													<div>
														<div id="showUsername" style="width: 100%">景点管理员</div>
														<div
															style="width: 100%; display: flex; align-items: center;">
															<div id="showManager">${sessionScope.customer.name }</div>
														</div>
													</div>
												</div>
											</li>
											<li class="header-user-li">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/usercenter.svg">
													<div class="common-user-header-text">
														<span><a href="#login">个人中心</a></span>
													</div>
												</div>
											</li>
											<li id="icon_manager" class="header-user-li">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/manager.svg">
													<div class="common-user-header-text">管理网站</div>
												</div>
											</li>
											<li class="header-user-li" onclick="showlogout()">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/logout.svg">
													<div class="common-user-header-text"><a href="${rootPath }/head/users/logout.htm" onclick="return confirm('确认退出吗?')">退出登录</a></div>
												</div>
											</li>
											<li class="header-user-li"></li>
										</ul>
									</div>
								</li>
							</c:when>
							<c:when test="${sessionScope.superSsa != null }">
								<li id="loginUserInfo">
									<!--隐藏盒子--> <img style="with: 50px; height: 50px;"
									src="${rootPath}/img/grdecdozj4igrdecdozj4i.png"
									onclick="showbox()">
									
									<div id="userinfo-box" class="hidden-box hidden-loc-index">
										<ul>
											<li class="header-user-li">
												<div class="common-user-header">
													<div style="height: 68px; width: 44px">
														<img style="with: 50px; height: 34px; margin-top: 22px;"
															src="${rootPath}/img/grdecdozj4igrdecdozj4i.png">
													</div>
													<div>
														<div id="showUsername" style="width: 100%">普通管理员</div>
														<div
															style="width: 100%; display: flex; align-items: center;">
															<div id="showManager">${sessionScope.customer.name }</div>
														</div>
													</div>
												</div>
											</li>
											<li class="header-user-li">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/usercenter.svg">
													<div class="common-user-header-text">
														<span><a href="#login">个人中心</a></span>
													</div>
												</div>
											</li>
											<li id="icon_manager" class="header-user-li">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/manager.svg">
													<div class="common-user-header-text">管理网站</div>
												</div>
											</li>
											<li class="header-user-li" onclick="showlogout()">
												<div class="common-user-header">
													<img class="common-user-header-image"
														style="with: 22px; height: 22px;"
														src="${rootPath}/img/logout.svg">
													<div class="common-user-header-text"><a href="${rootPath }/head/users/logout.htm" onclick="return confirm('确认退出吗?')">退出登录</a></div>
												</div>
											</li>
											<li class="header-user-li"></li>
										</ul>
									</div>
								</li>
							</c:when>
							<c:otherwise>
								<li id="gotoLogin1"><a href="#login" class="scroll-link">登录</a></li>
							</c:otherwise>
						</c:choose>
						
					</ul>
				</div>
			</nav>
		</div>
	</div>
</header>
<!--导航栏结束-->